<!--
  Generated template for the MinePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
 
</ion-header>

<ion-content class="setcontent">
  <div class="toparea">
    <div class="to-login" (click)="login()" *ngIf="!isLogin">
        <dl>
            <dt>
                <!-- <button ion-button outline><img src="assets/imgs/logo.png"/></button> -->
                <ion-avatar>
                    <img src="assets/imgs/logo.png">
                  </ion-avatar>
            </dt>
            <dd>登录看咨询，随手赚零花</dd>
        </dl>
    </div>
    <div class="head-info" *ngIf="isLogin">
      <div class="user-info">
          <ion-avatar (click)="presentActionSheet()">
            <img src="assets/imgs/test/avatar-leia.png">
          </ion-avatar>
          <span>上海XX工程咨询有限公司</span>
      </div>
      <div class="gold-info">
          <div>
              <div class="gold-num">0</div>
              <div>今日金币</div>
          </div>
          <div>
              <div class="gold-num">3600</div>
              <div>剩余金币</div>
          </div>
          <div>
              <div class="gold-num">3600</div>
              <div>总金币</div>
          </div>
      </div>
    </div>
    <div class="head-tixian">
      <div (click)="tixian_zx()">
          <div class="tixian-img"><ion-icon name="image"></ion-icon></div>
          <div>提现中心</div>
      </div>
      <div (click)="tixian_jl()">
          <div class="tixian-img"><ion-icon name="image"></ion-icon></div>
          <div>提现记录</div>
      </div>
      <div (click)="inviteFriend()">
          <div class="tixian-img"><ion-icon name="image"></ion-icon></div>
          <div>邀请好友</div>
      </div>
    </div>
  </div>
  <ion-list>
    <ion-item (click)="showCheckbox()">
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/classifyicon.png"/></span>
            <ion-label>游戏赚钱</ion-label>
      <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
    <ion-item (click)="presentActionSheet()">
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/areaicon.png"/></span>
        <ion-label>红包福利</ion-label>
      <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
  </ion-list>
  <ion-list>
    <ion-item (click)="showbottom()">
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/friendicon.png"/></span>
        <ion-label>我的消息</ion-label>
      <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
    <ion-item>
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/nodisturbicon.png"/></span>
      <ion-label>常见问题</ion-label> 
        <ion-toggle checked="false"></ion-toggle> 
    </ion-item>
    <ion-item (click)="mySettingAboutmePage()">
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/aboutmeicon.png"/></span>
        <ion-label>联系客服</ion-label>
        <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
    <ion-item>
        <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/contacticon.png"/></span>
        <ion-label>建议反馈</ion-label>
        <span item-right class="phoneNum">010-1234567</span>
        <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
  </ion-list>
  <ion-list>
    <ion-item (click)="mySettingHelpPage()">
        <!-- <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/helpicon.png"/></span> -->
        <ion-label>帮助中心</ion-label>
      <ion-icon name="arrow-forward" item-right class="rightArrow"></ion-icon>
    </ion-item>
  </ion-list>
</ion-content>
